<%@ page contentType="text/html; charset=utf-8" %>
<%@ include file="/WEB-INF/jsp/com/include/declare.jspf" %>
<%--
    JSP Name : counsel_testdrive02.jsp
    Description : 방문 시승
    author SJYoon
    since 2012. 6. 25.
    version 1.0
    Modification Information
       since          author              description
    ===========    =============    ===========================
    2012. 6. 25.     SJYoon     최초 생성
--%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=8" />
    <title>:::::HYUNDAI:::::</title>
    <meta name="name" content="content" />
    <meta name="author" content="Pentabreed" />
    <!--  link rel="stylesheet" type="text/css" href="/kr/common/css/hmc.css" media="screen" /-->
    <link rel="stylesheet" type="text/css" href="/kr/common/css/reset.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="/kr/common/css/layout.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="/kr/common/css/contents.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="/kr/common/css/board.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="/kr/common/css/popup.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="/kr/common/css/main.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="/kr/common/css/showroom.css" media="screen" />


    <script type="text/javascript" src="/kr/common/js/jquery-1.6.4.min.js"></script>
    <script type="text/javascript" src="/kr/common/js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="/kr/common/js/jquery.touchwipe.min.js"></script>
    <script type="text/javascript" src="/kr/common/js/selectbox.js"></script>
    <script type="text/javascript" src="/kr/common/js/ui.js"></script>
    <script type="text/javascript" src="/kr/common/js/print/jquery.PrintArea.js_4.js"></script>
    <script type="text/javascript" src="/kr/common/js/print/jquery.printElement.js"></script>
    <script type="text/javascript" src="/kr/common/js/Common.js"></script>
<SCRIPT LANGUAGE="JavaScript">
<!--
    var HTTP_DOMAIN    = '${httpDomain }';
    var HTTPS_DOMAIN    = '${httpsDomain }';
    $.ajaxSetup({dataType:"xml"});

    function isLogin(returnUrl){
        <c:if test="${userInfo == null}">
        alert("로그인을 하셔야 하는 서비스입니다.");
        if(!returnUrl){
            returnUrl = location.href;
        }
        location.href = '<c:url value="/mbr/loginView.do"/>?reqURL='+returnUrl;
        return false;
        </c:if>
        <c:if test="${userInfo != null}">

        return true;
        </c:if>
    }
//-->
</SCRIPT>
<script type="text/javascript">
<!--
    //alert( HTTP_DOMAIN );
    $(document).ready(function(){
        searchCtr();
        $('select.select1').customSelect();

        if(!slideStep1)
            $("#step1").css("display","none");
        if(!slideStep2)
            $("#step3").css("display","none");
        if(!slideStep3)
            $("#step5").css("display","none");
    });

    var slideStep1 = false;
    var slideStep2 = false;
    var slideStep3 = false;
    var slideStep4 = false;

    function fnCtrPopView(ctrCd){
        $.ajax({
            type:'POST',
            data:'ctrCd='+ctrCd,
            url:'/kr/tda/selectCounselCtrViewNoneSelect.do',
            dataType:'html',
            cache:false,
            error:function(){
               alert("팝업의 데이터를 가져오지 못하였습니다.");
            },
            success:function ( html, status ){
                $('#popContents').html(html);
                fnInsertPopup('#popContents');
                //checkPopup();
            }
        });
    }

    function fnInsertPopup(area){
        $(area).height('');
        $('body').dimmedFrame();
        $('.dimmed-frame').css({height:$("#wrap").height()});
        $(area).css("display", "");
        $(area).css({top:$(window).scrollTop()+150}).show();
    }

    function closeLayer(area){
        $('.dimmed-frame').remove();
        $(area).hide();
    }

    function fnSelectIndex(sAddr, areaType, wpaId, admzId, umdShortNm){
        var param = 'sAddr='+sAddr+'&areaType='+areaType+'&wpaId='+wpaId+'&admzId='+admzId+'&umdShortNm='+umdShortNm;
        var actionUrl = "<c:out value='/kr/tda/selectReggSelectBoxList.do'/>";
        $.ajax({
            type:'POST',
            url:actionUrl,
            data:param,
            dataType:'html',
            cache:false,
            error:function(){
               alert("데이터를 가져오지 못하였습니다.");
            },
            success:function ( html, status ){
                if(areaType == "2"){
                    $('#areaId').val(wpaId);
                    $('#oldRegArea1').html($.trim(html));
                }
            }
        });
        //fnListView();
    }

    //==================
    // 시승센터 가져오기
    //==================
    var searchCtr = function(){

        var areaId = $('#areaId').val();
        var add = $("#saddr").val();
        //$(':radio[name="saddr"]:checked').val(); //$('#saddr checked').val(); //

        var sbcrAddr1 = "";
        var sbcrAddr2 = "";
        var sbcrAddr3 = "";
        var sbcrAddr4 = "";
        var sbcrAddr5 = "";

        if ( add == 'O' ){
            if($('#osbcrAddr1 option:selected').val() != ""){
                sbcrAddr1 = $('#osbcrAddr1 option:selected').text();
            }else{
                sbcrAddr1 = null;
            }
            if($('#osbcrAddr2 option:selected').val() != ""){
                sbcrAddr2 = $('#osbcrAddr2 option:selected').text();
            }else{
                sbcrAddr2 = null;
            }
        }

        $("#txtSaddr").html(sbcrAddr1 +" "+ sbcrAddr2 +" "+ sbcrAddr3 +" "+ sbcrAddr4 +" "+ sbcrAddr5);
        $("#toptxtSaddr").html(sbcrAddr1 +" "+ sbcrAddr2 +" "+ sbcrAddr3 +" "+ sbcrAddr4 +" "+ sbcrAddr5);

        var dataParam = "areaId="+areaId+"&sbcrAddr1="+sbcrAddr1+"&sbcrAddr2="+sbcrAddr2;

        $.ajax({
            type:'POST',
            url:'selectTestDriveCprCtr.do' ,
            data:dataParam,
            dataType:'html',
            cache:false,
            error:function(){
               alert("데이터를 가져오지 못하였습니다.");
            },
            success:function ( html, status ){
                //$('#calendarList').
                $('#viewCtr').html(html);
            }
        });
    };

    //======================
    // 시승센터의 시승 차량 가져오기 ( id=carList )
    //======================
    var getCarList = function( odk, dnk, opk ){
        var ctrCd = odk;
        var ctrNm = dnk;
        var ctrPhone = opk;

        $('#ctrCd').val( ctrCd );

        txtCtr = ctrNm + "( 전화 : " + ctrPhone + ")" ;
        $("#txtCtrNm").html(txtCtr);
        $("#toptxtCtrNm").html(txtCtr);

        $.ajax({
            type:'POST',
            url:'selectTestDriveCprCar.do' ,
            data:'ctrCd='+ctrCd,
            dataType:'html',
            cache:false,
            error:function(){
               alert("데이터를 가져오지 못하였습니다.");
            },
            success:function ( html, status ){
                $('#carList').html($.trim(html));
            }
        });
    }

    //======================
    // 선택한 차량의 일정 가져오기 ( id=CarCalendar )
    //======================
    var getCalendar = function( carCd , carSaleCd , strtYmd , fnhYmd  ){
        var carCd = carCd;
        var carSaleCd = carSaleCd;
        $('#carCd').val( carCd );
        $('#carSaleCd').val( carSaleCd );
        var ctrCd = $('#ctrCd').val();

        appendMETA('WT.ti','시승시간선택');
        //dcsMultiTrack('DCS.dcssip','www.hyundai.com','DCS.dcsurl','/kr/tda/selectTestDriveCallCar.do','WT.ti','홈_상담_시승서비스_시승시간선택');

        var dataParam = "ctrCd="+ctrCd+"&carCd="+carCd+"&carSaleCd="+carSaleCd+"&std="+strtYmd+"&etd="+fnhYmd;

        $.ajax({
            type:'POST',
            url:'selectTestDriveCprList.do' ,
            data:dataParam,
            dataType:'html',
            cache:false,
            error:function(){
               alert("데이터를 가져오지 못하였습니다.");
            },
            success:function ( html, status ){
                //$('#calendarList').
                $('#calendarList').html(html);
            }
        });
    }

    var choiceCar = function( saleCtyHanNm, xrclCtyNm , img , cimg , cprCarn ){
        slideStep1 = true;
        var saleCtyHanNm = saleCtyHanNm;
        var xrclCtyNm = xrclCtyNm;
        var cprCarn = cprCarn;
        var carNM = saleCtyHanNm +" " + xrclCtyNm + " | " + cprCarn;
        var carImg1 = "/kr/file/imagePathView.do?nrFilNm=trcarimage/"+img;
        var carImg2 = "/kr/file/imagePathView.do?nrFilNm=tda/"+cimg;

        alert("선택하신 차량은 만 26세 이상만 시승예약이 가능합니다.");
        /*
        if ( carImg.indexOf("에쿠") > 0 ){
            alert("선택하신 차량은 만 26세 이하는 예약이 불가능합니다.");
        }else if ( carImg.indexOf("베라") > 0 ){
            alert("선택하신 차량은 만 26세 이하는 예약이 불가능합니다.");
        }else if ( carImg.indexOf("제네") > 0 ){
            alert("선택하신 차량은 만 26세 이하는 예약이 불가능합니다.");
        } else {
            alert("선택하신 차량은 만 21세 이상만 시승예약이 가능합니다.");
        }
        */

        $("#txtCarNm").html(carNM);
        $("#toptxtCarNm").html( saleCtyHanNm );
        $("#toptxtCarNm2").html( cprCarn );
        $("#carn").val(carNM);
        $("#toptxtCarColor").html( xrclCtyNm );
        $("#toptxtCarColor2").html( "" );
        $("#toptxtCarNmFull").html( carNM );
        if ( carImg1 == "" ){
            carImg1 = "/kr/temp/@car_150x90.jpg";
        }
        $("#toptxtCarImg").attr("src", carImg1 );
        $("#toptxtCarImg2").attr("src", carImg2 );

        $("#step1").css("display","block");
        
        dcsMultiTrack('DCS.dcssip','www.hyundai.com','DCS.dcsurl','/kr/tda/selectTestDriveCprList.do','WT.ti','홈_상담_시승서비스_시승차량선택','WT.si_n','Hyundai_Testdrive','WT.si_x','1');

        return slideStep1;
    }

    var selectDay = function( _Nowdate, _Sdate, _Sday, _Stime ){

        var Nowdate = _Nowdate;
        var Sdate = _Sdate;
        var Sday = _Sday;
        var Stime = _Stime;
        var txtTdate = Sdate.substring(0,4)+ "년 "+Sdate.substring(4,6)+"월 "+Sdate.substring(6,8)+"일 ";
        var msg = txtTdate + Stime + "시에 예약 하시겠습니까?";

        if ( confirm(msg) ){

            $("#daytd"+Sday).attr('class', 'selected');
            $("#nowDay").val( Nowdate );
            $("#prctDt").val( Sdate );
            $("#prctTim").val( Stime );

            $("#txtPcrtDt").html( txtTdate + "/" + Stime + ":00" );
            $("#toptxtPcrtDt").html( txtTdate );

            alert("다음을 클릭하시고 예약내용을 확인해 주세요.");

            $("#TnoTxt").attr("style", "display:none");
            $("#TcarImg").attr("style", 'display:;');
            $("#TcarImg2").attr("style", 'display:;');
            $("#TcarTxt").attr("style", 'display:;');
            
            dcsMultiTrack('DCS.dcssip','www.hyundai.com','DCS.dcsurl','/kr/tda/selectTestDriveCprList.do','WT.ti','홈_상담_시승서비스_시승시간선택','WT.si_n','Hyundai_Testdrive','WT.si_x','2');

            $('#step3').css('display', 'block');
        }else{
            return;
        }
    }

    var clearField = function( _obj ){
        var nobj = _obj;
        if ( nobj == "1" ){
            $("#osbcrAddr5").val("");
        }else{
            $("#nsbcrAddr5").val("");
        }
    }

    function insertValue(){

        var form = document.insertValue;

        var carCd = form.carCd.value;
        var areaId = form.areaId.value;

        var ctrCd = form.ctrCd.value;
        var carn = form.carn.value;
        var carSaleCd = form.carSaleCd.value;
        var tsrdSvcCd = form.tsrdSvcCd.value;
        var prctDt = form.prctDt.value;
        var prctTim = form.prctTim.value;

        var prctSt = form.prctSt.value;
        var sbcrInfo1 = "";
        var sbcrInfo2 = "";
        var sbcrInfo3 = "";
        var sbcrInfo4 = "";
        var sbcrInfo5 = "";
        var sbcrInfo6 = "";

        var prctScn = form.prctScn.value;
        var vsitPathScn = form.vsitPathScn.value;

        var sbcrId = form.sbcrId.value;
        var sbcrAge = form.sbcrAge.value;
        var sbcrEmail = form.sbcrEmail.value;
        var sbcrName = form.sbcrName.value;
        var sbcrPhone = form.sbcrPhone.value;

        //var add = $(':radio[name="saddr"]:checked').val(); //$('#saddr checked').val(); //
        var add = $("#saddr").val();
        var sbcrAddr1 = "";
        var sbcrAddr2 = "";
        var sbcrAddr3 = "";
        var sbcrAddr4 = "";
        var sbcrAddr5 = "";
        if ( add == 'O' ){
            if($('#osbcrAddr1 option:selected').val() != ""){
                sbcrAddr1 = $('#osbcrAddr1 option:selected').text();
            }else{
                sbcrAddr1 = null;
            }
            if($('#osbcrAddr2 option:selected').val() != ""){
                sbcrAddr2 = $('#osbcrAddr2 option:selected').text();
            }else{
                sbcrAddr2 = null;
            }
        }

        var cmCd = form.cmCd.value;

        var prctSbc = "";

        var prvAgreeYn = "";
        if( form.prvAgreeYn.checked == true){
            prvAgreeYn = form.prvAgreeYn.value;
        }
        var smsAgreeYn = "";
        if( form.smsAgreeYn.checked == true){
            smsAgreeYn = form.smsAgreeYn.value;
        }
        var addrMdfyYn = "";

        if ( prvAgreeYn != "Y" ){
            alert("시승차량 이용 및 개인정보 취급방침에 동의하셔야 시승신청이 가능합니다.");
            return;
        }
        /*
        if ( $('#txtCmNm').val() == "" || $('#txtCmNm').val() == null ){
            alert("동승영업사원을 선택하신후 시승신청이 가능합니다.");
            return;
        }
        */

            $.post("insertTestDriveCpr.do",
                    {
                    'carCd':carCd,
                    'areaId':areaId,
                    'ctrCd':ctrCd,
                    'carn':carn,
                    'carSaleCd':carSaleCd,
                    'tsrdSvcCd':tsrdSvcCd,
                    'prctDt':prctDt,
                    'prctTim':prctTim,
                    'prctSt':prctSt,
                    'sbcrInfo1':sbcrInfo1,
                    'sbcrInfo2':sbcrInfo2,
                    'sbcrInfo3':sbcrInfo3,
                    'sbcrInfo4':sbcrInfo4,
                    'sbcrInfo5':sbcrInfo5,
                    'sbcrInfo6':sbcrInfo6,
                    'sbcrId':sbcrId,
                    'sbcrAge':sbcrAge,
                    'sbcrEmail':sbcrEmail,
                    'prctScn':prctScn,
                    'vsitPathScn':vsitPathScn,
                    'sbcrName':sbcrName,
                    'sbcrPhone':sbcrPhone,
                    'cmCd':cmCd,
                    'sbcrAddr1':sbcrAddr1,
                    'sbcrAddr2':sbcrAddr2,
                    'sbcrAddr3':sbcrAddr3,
                    'sbcrAddr4':sbcrAddr4,
                    'sbcrAddr5':sbcrAddr5,
                    'prctSbc':prctSbc,
                    'prvAgreeYn':prvAgreeYn,
                    'smsAgreeYn':smsAgreeYn,
                    'addrMdfyYn':addrMdfyYn

                    },
                    function(data){
                        var result={};
                        var items = $(data).find("item");
                        items.each(function(index,element){
                           var name = $(this).find("name").text();
                           var value = $(this).find("value").text();
                           result[name] = value;
                        });
                        if(result["result"] =="OK"){
                            alert("예약이 완료되었습니다.");
                            location.replace("/kr/tda/index.do");
                        }else{
                            alert("다른 고객님이 이미 예약하셨습니다.");
                        }    
                    }
            );
            appendMETA('WT.ti','시승완료');
            //dcsMultiTrack('DCS.dcssip','www.hyundai.com','DCS.dcsurl','/kr/tda/selectTestDriveCallCar.do','WT.ti','홈_상담_시승서비스_시승완료');
            dcsMultiTrack('DCS.dcssip','www.hyundai.com','DCS.dcsurl','/kr/tda/insertTestDriveCpr.do','WT.ti','홈_상담_시승서비스_시승완료','WT.si_n','Hyundai_Testdrive','WT.si_cs','1');
    }

    function carmasterOpen(){

        //$('body').dimmedFrame();
        $("#carmastersearch").css({top:$(window).scrollTop()+150}).show();

    }

    function ViewCm(){

        var param = $('form[name="cmform"]').serialize();

        $.ajax({
            type:'POST',
            url:'/kr/tda/selectTestDriveMainCmList.do',
            data:param,
            dataType:'html',
            cache:false,
            error:function(){
               alert("팝업의 데이터를 가져오지 못하였습니다.");
            },
            success:function ( html, status ){
                $('#cmListArea').html("");
                $('#cmListArea').html(html);

            }
        });
    }

    function fnLinkPage(pageIndex) {
        $("#pageIndex").val(pageIndex);
        ViewCm();
    }

    function closeLayer(){
        $('.dimmed-frame').remove();
        $("#carmastersearch").hide();
    }

    function selectCM( cmCode, cmName ){

        var cmCode = cmCode;
        var cmName = cmName;

        $("#cmCd").val( cmCode );
        $("#txtCmNm").val( cmName );

        closeLayer();
    }


    function preMonth(){

        var strtYmd = $("#strtYmd").val();
        strtYmd = strtYmd.replace("-","");
        var yyyy = strtYmd.substring(0,4);
        var mm = strtYmd.substring(4,6);
        var dd = strtYmd.substring(6,8);
        var std = $("#std").val();
        var etd = $("#etd").val();

        mm = (mm*1) - 1;

        var cDate = new Date( yyyy, mm -1 , dd );
        var cYear = cDate.getFullYear();
        var cMonth = cDate.getMonth()+1;
        var cDay = "01";

        if (cMonth < 10){
            cMonth = "0"+cMonth;
        }

        strtYmd = cYear +""+ cMonth +""+ cDay;

        var ctrCd = $('#ctrCd').val();
        var carCd = $('#carCd').val();
        var carSaleCd = $('#carSaleCd').val();
        var dataParam = "ctrCd="+ctrCd+"&carCd="+carCd+"&carSaleCd="+carSaleCd+"&strtYmd="+strtYmd+"&std="+std+"&etd="+etd;

        $.ajax({
            type:'POST',
            url:'selectTestDriveCprList.do' ,
            data:dataParam,
            dataType:'html',
            cache:false,
            error:function(){
               alert("데이터를 가져오지 못하였습니다.");
            },
            success:function ( html, status ){
                $('#calendarList').html("");
                $('#calendarList').html(html);
            }
        });

    }

    function nextMonth(){

        var strtYmd = $("#strtYmd").val();
        strtYmd = strtYmd.replace("-","");
        var yyyy = strtYmd.substring(0,4);
        var mm = strtYmd.substring(4,6);
        var dd = strtYmd.substring(6,8);
        var std = $("#std").val();
        var etd = $("#etd").val();

        mm = (mm*1) + 1;

        var cDate = new Date( yyyy, mm -1 , dd );
        var cYear = cDate.getFullYear();
        var cMonth = cDate.getMonth()+1;
        var cDay = "01";

        if (cMonth < 10){
            cMonth = "0"+cMonth;
        }

        strtYmd = cYear +""+ cMonth +""+ cDay;

        var ctrCd = $('#ctrCd').val();
        var carCd = $('#carCd').val();
        var carSaleCd = $('#carSaleCd').val();
        var dataParam = "ctrCd="+ctrCd+"&carCd="+carCd+"&carSaleCd="+carSaleCd+"&strtYmd="+strtYmd+"&std="+std+"&etd="+etd;

        $.ajax({
            type:'POST',
            url:'selectTestDriveCprList.do' ,
            data:dataParam,
            dataType:'html',
            cache:false,
            error:function(){
               alert("데이터를 가져오지 못하였습니다.");
            },
            success:function ( html, status ){
                $('#calendarList').html("");
                $('#calendarList').html(html);
            }
        });
    }

    function fnAgree(){
        slideStep4 = true;

        appendMETA('WT.ti','시승유의사항');
        //dcsMultiTrack('DCS.dcssip','www.hyundai.com','DCS.dcsurl','/kr/tda/selectTestDriveCallCar.do','WT.ti','홈_상담_시승서비스_시승유의사항');
        dcsMultiTrack('DCS.dcssip','www.hyundai.com','DCS.dcsurl','/kr/selectTestDriveCprCtr.do','WT.ti','홈_상담_시승서비스_시승유의사항','WT.si_n','Hyundai_Testdrive','WT.si_x','3');

        $('#step5').css('display', 'block');
    }
//-->
</script>


</head>
<body>
<!-- 카마스터 조회 관련 -->
<div id="carmastersearch" class="layerpopup carmastersearch"><div class="layerpopup-inner">
    <div class="layerpopup-head">
        <h1><img src="/kr/images/layerpopup/h1_carmaster_search.gif" alt="카마스터 조회" /></h1>
        <p class="desc"><img src="/kr/images/layerpopup/h1_carmaster_search_desc.gif" alt="고객님이 찾으시는 카마스터를 정보를 쉽고 편리하게 안내해 드립니다." /></p>
    </div>
    <div class="layerpopup-contents">
        <div class="carmaster-search-wrap">
            <p class="search-tip"><img src="/kr/images/layerpopup/txt_carmaster_search01.gif" alt="카마스터 찾기 : 고객님께서 알고 계신 카마스터의 이름 또는 지점/대리점을 검색하시면 카마스터의 정보를 보실 수 있습니다." /></p>
            <form name="cmform" id="cmform" method="post" action="" onSubmit="return false;">
            <div class="list-search-form02 subsection02">
                <select name="searchCondition" id="searchCondition" class="select1 select-type2" style="width:230px;"><!-- -->
                    <option value="0" selected="selected">지점/대리점 명으로 검색</option>
                    <option value="1">카마스터 이름으로 검색</option>
                </select>
                <input type="text" name="searchKeyword" id="searchKeyword" class="txt" style="width:225px;" value="<c:out value="${testDriveSearchVO.searchKeyword}"/>" />
                <input type="hidden" name="pageIndex" id="pageIndex" value="<c:out value="${testDriveSearchVO.pageIndex}"/>" />
                <input type="image" src="/kr/images/common/button/btn_search03.gif" alt="SEARCH" onClick="fnLinkPage(1);" />
            </div>
            </form>
            <div id="cmListArea">
            </div>
        </div>
    </div>
    <!-- close -->
    <div class="close-area"><div class="close-area-inner">
        <img src="/kr/images/layerpopup/btn_close.gif" alt="닫기" class="close" />
    </div></div>
    <!-- //close -->
</div></div>
<!-- //카마스터 조회 관련 -->
<div id="wrap">
    <%@ include file="/WEB-INF/jsp/com/include/navi_utill_sub.jspf" %>
    <%@ include file="/WEB-INF/jsp/com/include/navi_header.jspf" %>
    <hr />

    <%@ include file="/WEB-INF/jsp/com/include/sub_header_counsel03.jspf" %>
    <hr />

    <div id="container">
        <div id="subtitle-area"><div class="subtitle-area-inner">
            <h4><img src="/kr/images/title/h4_counsel_testdrive03.gif" alt="수입차 비교시승" /></h4>
            <%@ include file="/WEB-INF/jsp/com/include/location.jspf" %>
        </div></div>
        <form name="insertValue" id="insertValue" method="post" action="" onsubmit="return false">
        <input type="hidden" name="areaId" id="areaId" value="" />
        <input type="hidden" name="tsrdSvcCd" id="tsrdSvcCd" value="S03" />
        <input type="hidden" name="prctSt" id="prctSt" value="D" />
        <input type="hidden" name="prctScn" id="prctScn" value="A" />
        <input type="hidden" name="vsitPathScn" id="vsitPathScn" value="I" />

        <!-- 회원정보 입력 (세션에서 받아온 값 셋팅) --><!-- sssss TODO -->
        <input type="hidden" name="sbcrId" id="sbcrId" value="<c:out value="${mbrInfoVO.mbrSn }"/>" />
        <input type="hidden" name="sbcrName" id="sbcrName" value="<c:out value="${mbrInfoVO.mbrNm}"/>" />
        <input type="hidden" name="sbcrPhone" id="sbcrPhone" value="<c:out value="${mbrInfoVO.hpNo}"/>" />
        <c:set var="byear" value="${fn:substring(mbrInfoVO.tymd,0,4)}" />
        <c:set var="nyear" value="${fn:substring(testDriveVO.todate,0,4)}" />
        <c:if test="${empty byear}" ><c:set var="byear" value="0" /></c:if>
        <c:if test="${empty nyear}" ><c:set var="nyear" value="0" /></c:if>
        <c:set var="age" value="${nyear-byear }" />
        <input type="hidden" name="sbcrAge" id="sbcrAge" value="<c:out value="${age}"/>" />
        <input type="hidden" name="sbcrEmail" id="sbcrEmail" value="<c:out value="${mbrInfoVO.mbrEml}"/>" />
        <!-- 회원정보 입력 (세션에서 받아온 값 셋팅) -->

        <input type="hidden" name="ctrCd" id="ctrCd" value="" />

        <input type="hidden" name="carCd" id="carCd" value="" />
        <input type="hidden" name="carn" id="carn" value="" />
        <input type="hidden" name="carSaleCd" id="carSaleCd" value="" />

        <input type="hidden" name="nowDay" id="nowDay" value="" />
        <input type="hidden" name="prctDt" id="prctDt" value="" />
        <input type="hidden" name="prctTim" id="prctTim" value="" />

        <input type="hidden" name="cmCd" id="cmCd" value="" />

        <div id="article">
            <div class="my-comparedrive-stats">
                <div class="compare-car-area">
                    <div id="TcarImg" class="domestic" style="display:none;">
                        <div class="car-name" >
                            <span id="toptxtCarNm"></span>
                            <p id="toptxtCarColor"></p>
                        </div>
                        <img src="/kr/temp/@car_190x115.jpg" id="toptxtCarImg" alt="선택 차량 이미지" class="car-thumb" />
                    </div>
                    <div  id="TcarImg2" class="import" style="display:none;">
                        <div class="car-name">
                            <span id="toptxtCarNm2"></span>
                            <p id="toptxtCarColor2"></p>
                        </div>
                        <img src="/kr/temp/@car_190x115.jpg" id="toptxtCarImg2" alt="선택 차량 이미지" class="car-thumb" />
                    </div>
                </div>
                <ul id="TcarTxt" class="stats-information" style="display:none;">
                    <li>
                        <b>차종</b>
                        <span class="d-txt" id="toptxtCarNmFull"></span><!-- <span class="d-txt">제너시스 자가용 3.5 Extreme 오토런칭 | BMW520d</span> -->
                    </li>
                    <li>
                        <b>시승장소</b>
                        <span class="d-txt" id="toptxtSaddr"></span>
                    </li>
                    <li>
                        <b>신청자</b>
                        <span class="d-txt"><c:out value="${mbrInfoVO.mbrNm}"/><!-- sssss TODO --></span>
                    </li>
                    <li>
                        <b>시승시간</b>
                        <span class="d-txt" id="toptxtPcrtDt"></span>
                    </li>
                </ul>
                <!-- 차량 선택 전
                <p class="before-select">아래에서 시승 체험하실 차량을 선택하세요.</p>
                -->
                <p class="before-select" id="TnoTxt" style="display:;"><!-- 아래에서 시승 체험하실 차량을 선택하세요.--></p>

            </div>
            <div class="testdrive-apllication-step subsection">
                <div class="step-wrap">
                    <div class="step-tit">
                        <em class="item"><img src="/kr/images/counsel/txt_s_step01.gif" alt="01. 시승지역/차종 선택" /></em>
                    </div>
                    <div class="step-cont">
                        <div class="local-search-form">
                            <div class="cont-tit-wrap">
                                <p><em><img src="/kr/images/counsel/txt_counsel_testdrive_step01.gif" alt="시승을 희망하는 장소를 선택하세요." /></em></p>
<!--                                 <p class="desc"><img src="/kr/images/counsel/txt_counsel_testdrive_step02.gif" alt="시승서비스가 가능하지 않은 지역에서는 기존에 지점에서 운영되던 시승제도를 이용하실 수 있습니다. " /></p> -->
                            </div>
                            <!--
                            <div class="search-form">
                                <div>
                                    <strong class="d-tit">
                                        직접선택
                                    </strong>
                                    <div class="d-sub">
                                        <input type="hidden" name="saddr" id="saddr" value="O" />
                                        <select name="osbcrAddr1" id="osbcrAddr1" class="select1 select-type1" style="width:153px;" onchange="javascript:fnSelectIndex('', '2', this.value, '');">
                                            <option value="">시/도 선택</option>
                                        <c:forEach var="wpa" items="${wpaList}" varStatus="status">
                                            <option value="<c:out value="${wpa.wpaId}"/>"><c:out value="${wpa.wpaShortNm}"/></option>
                                        </c:forEach>
                                        </select>

                                    </div>
                                </div>
                            </div>
                            <div class="btnwrap">
                                <a href="#"><img src="/kr/images/common/button/btn_search02.gif" alt="검색" onclick="searchCtr();"  /></a>
                            </div>
                             -->
                        </div>
                        <div class="local-search-result">
                            <div class="cont-tit-wrap">
                                <!-- <p><em><img src="/kr/images/counsel/txt_counsel_testdrive_step03.gif" alt="검색결과" /></em></p> -->
                            </div>
                            <div class="search-result02">
                                <!-- 시승센터 검색 결과 -->
                                <div id="viewCtr" class="boardlist-wrap02">

                                </div>
                            </div>
                        </div>
                        <div class="testdrive-car-select">
                            <div class="cont-tit-wrap">
                                <p><em><img src="/kr/images/counsel/txt_counsel_testdrive_step11.gif" alt="비교차종을 선택하세요." /></em></p>
                                <p class="desc"><img src="/kr/images/counsel/txt_counsel_testdrive_step12.gif" alt="선택하신 시승 지역에 따라 시승하실 수 있는 차종에 차이가 있을 수 있습니다." /></p>
                            </div>
                            <div id="carList" class="car-select-wrap02">

                            </div>
                        </div>
                    </div>
                    <img src="/kr/images/common/button/btn_step_next.gif" class="btn-next" alt="다음" id="step1"/>
                </div>
                <div class="step-wrap">
                    <div class="step-tit">
                        <em class="item"><img src="/kr/images/counsel/txt_s_step02.gif" alt="02. 시승시간 선택" /></em>
                    </div>
                    <div class="step-cont">
                        <div class="select-calendar-wrap">
                            <div class="cont-tit-wrap">
                                <p><em><img src="/kr/images/counsel/txt_counsel_testdrive_step06.gif" alt="시승시간을 선택하세요." /></em></p>
                                <p class="desc"><img src="/kr/images/counsel/txt_counsel_testdrive_step07.gif" alt="(시승 준비시간을 제외한 실제 시승시간은 30분 이내입니다.) 원활한 시승서비스를 위해, 금일 오전 12시까지 신청시 익일부터 제공가능, 12시 이후 신청시 금일+2일부터 제공 가능합니다." /></p>
                            </div>
                            <!-- 시승 일정 <div ></div> -->
                            <div id="calendarList" class="calendar-wrap">
                            </div>
                        </div>
                    </div>
                    <img src="/kr/images/common/button/btn_step_prev.gif" class="btn-prev" alt="이전" id="step2" />
                    <img src="/kr/images/common/button/btn_step_next.gif" class="btn-next" alt="다음" id="step3" />
                </div>

                <div class="step-wrap">
                    <div class="step-tit">
                        <em class="item"><img src="/kr/images/counsel/txt_s_step03.gif" alt="03. 시승 유의사항" /></em>
                    </div>
                    <div class="step-cont">
                        <div class="testdrive-caution">
                            <div class="cont-tit-wrap">
                                <p><em><img src="/kr/images/counsel/txt_counsel_testdrive_step10.gif" alt="님의 시승신청이 완료 되었습니다." /></em></p>
                            </div>
                            <ol class="caution-list">
                                <li class="num01">시승시, 운전면허증을 지참하시고 시승차량 이용동의서를 반드시 작성해주시기 바랍니다.
									<p>운전면허증이 없거나 시승차량 이용동의서를 작성하지 않으실 경우 시승이 제한됩니다.<br />
									시승차량 이용동의서 작성시 기재하시는 주민등록번호는 개인정보보호법에 의거하여 철저하게 보호됩니다.</p>
								</li>
								<li class="num02">다음 시승 예약자를 위해 시승 예약시간을 준수해주시기 바랍니다.
									<ul class="list-type02">
										<li>실제 시승시간은 30분 내외입니다. (시승시간 2시간은 차량이동 및 준비시간을 모두 포함합니다.)</li>
										<li>찾아가는 시승의 경우 시승코스는 시승희망지 주변 30분 이내이며, 종료시 출발지로 복귀해야합니다.</li>
									</ul>
								</li>
								<li class="num03">시승서비스는 보다 많은 고객의 편리한 시승을 위하여 고객 1분당 주 1회, 1타임만 제공됩니다.
								</li>
								<li class="num04">아래와 같은 경우 시승서비스가 자동 취소됩니다.
									<ul class="list-type02">
										<li>시승 전날 고객님과 시승예약 최종확인시 연락두절되는 경우 (시승센터에서 확인통화 2회, 문자메세지 1회 발송)</li>
										<li>카마스터가 시승장소에 도착한 후 20분이 경과할때까지 연락두절되는 경우</li>
									</ul>
								</li>
								<li class="num05">현재 현대자동차 구매고객 및 계약고객의 경우 반드시 담당 영업사원을 입력하시기 바랍니다.
									<ul class="list-type02">
										<li>담당 카마스터 : 고객님의 차량구매 및 계약을 담당했던 현대자동차 영업사원</li>
									</ul>
								</li>
								<li class="num06">예약 변동사항이 있을 경우 관할시승센터 혹은 담당영업사원에게 사전연락 바랍니다.</li>
								<li class="num07">본 시승서비스는 시승外 타용도로 사용할 수 없습니다.
									<ul class="list-type02">
										<li>개인적 용도로 사용을 요청할 경우 동승 영업사원에 의해 시승이 제한될 수 있습니다.</li>
									</ul>
								</li>
								<li class="num08">시승시, 반드시 영업사원이 동승하며 영업사원 동승 없이는 시승이 불가합니다.</li>
								<li class="num09">과속/위험운전/법규위반 등의 경우에는 시승을 제한받을 수 있으며 향후 시승서비스 이용에도 불이익을 받을 수 있습니다.</li>
                            </ol>
                            <div class="btnwrap">
                                <a href="javascript:fnAgree();"><img src="/kr/images/common/button/btn_confirm.gif" alt="시승유의사항 동의" /></a>
                            </div>
                        </div>
                    </div>
                    <img src="/kr/images/common/button/btn_step_prev.gif" class="btn-prev" alt="이전" id="step4"/>
                    <img src="/kr/images/common/button/btn_step_next.gif" class="btn-next" alt="다음" id="step5"/>
                </div>

                <div class="step-wrap">
                    <div class="step-tit">
                        <em class="item"><img src="/kr/images/counsel/txt_s_step04.gif" alt="04. 시승신청 완료" /></em>
                    </div>
                    <div class="step-cont">
                        <div class="application-complete">
                            <div class="cont-tit-wrap">
                                <p>
                                    <strong class="name"><c:out value="${mbrInfoVO.mbrNm}"/></strong>
                                    <em><img src="/kr/images/counsel/txt_counsel_testdrive_step08.gif" alt="님의 시승신청이 완료 되었습니다." /></em>
                                </p>
<!--                                 <p class="desc"><img src="/kr/images/counsel/txt_counsel_testdrive_step09.gif" alt="찾아가는 시승 선택 시, 고객님께서 예약하신 시간과 장소에 맞춰 현대자동차 직원이 직접 방문하여 시승을 제공 시승센터 시승 선택 시, 고객님께서 예약하신 시간에 맞춰 신청하신 시승센터로 직접 방문하여 시승" /></p> -->
                            </div>
                            <div class="agreement-wrap">
                                <p><img src="/kr/images/counsel/txt_counsel_testdrive01_01.gif" alt=""></p>
                                <div class="rule">
                                    <div class="inner" style="overflow-y:auto;">
                                        <%-- <c:set value="${fnc:checkHtmlView(sbc.sbc)}" var="test"/>
                                        ${fn:replace(test, lf, "<br/>")} --%>
                                        ${sbc.sbc }
                                </div></div>
                            </div>
                            <div class="datatable-wrap">
                                <table summary="항목, 내역">
                                <caption>시승신청 내역</caption>
                                <colgroup>
                                    <col width="20%" />
                                    <col />
                                </colgroup>
                                <thead>
                                <tr>
                                    <th scope="col">항목</th>
                                    <th scope="col">내역</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td class="bg01"><b>예약 구분</b></td>
                                    <td class="last">수입차 비교 시승서비스</td>
                                </tr>
                                <tr>
                                    <td class="bg01"><b>예약 상태</b></td>
                                    <td class="last"><strong class="resevervation_wait">예약대기</strong></td>
                                </tr>
                                <tr>
                                    <td class="bg01"><b>시승자 이름</b></td>
                                    <td class="last"><c:out value="${mbrInfoVO.mbrNm}"/></td><!-- sssss TODO -->
                                </tr>
                                <tr>
                                    <td class="bg01"><b>휴대폰 번호</b></td>
                                    <td class="last"><c:out value="${mbrInfoVO.hpNo}"/></td><!-- sssss TODO -->
                                </tr>
                                <tr>
                                    <td class="bg01"><b>시승센터</b></td>
                                    <td class="last"><span id="txtCtrNm"></span></td>
                                </tr>
                                <tr>
                                    <td class="bg01"><b>시승차량</b></td>
                                    <td class="last"><span id="txtCarNm"></span></td>
                                </tr>
                                <tr>
                                    <td class="bg01"><b>시승일시</b></td>
                                    <td class="last"><span id="txtPcrtDt"></span></td>
                                </tr>
                                <tr>
                                    <td class="bg01"><b>동승 카마스터</b></td>
                                    <td class="inbtn last"><input type="text" readonly="readonly" name="txtCmNm" id="txtCmNm" class="txt" />
                                        <a href="#" class="layer-control"><img src="/kr/images/common/button/btn_carmaster_search.gif" alt="카마스터 검색" onclick="carmasterOpen();" /></a> 미지정 시 시승센터에서 배정해드립니다.
                                    </td>
                                </tr>
                                <tr>
                                    <td class="bg01"><b>시승요청위치</b></td>
                                    <td class="last"><span id="txtSaddr"></span></td>
                                </tr>
                                </tbody>
                                </table>
                            </div>
                            <p class="default-address">
                                <label>
                                    <input type="checkbox" class="check" name="prvAgreeYn" id="prvAgreeYn" value="Y" />
                                    시승차량 이용 및 개인정보 취급방침에 동의 합니다.
                                </label>
                            </p>
                            <p class="default-address">
                                <label>
                                    <input type="checkbox" class="check" name="smsAgreeYn" id="smsAgreeYn" value="Y" />
                                    SMS 수신에 동의합니다.
                                </label>
                            </p>

                            <div class="complete-btn">
                                <a href="javascript:insertValue();"><img src="/kr/images/common/button/btn_reservation_complete.gif" alt="예약완료" /></a>
                                <a href="/kr/tda/selectTestDriveCprDetail.do"><img src="/kr/images/common/button/btn_go_first.gif" alt="처음으로" /></a>
                                <!-- <a href="javascript:location.replace('/kr/tda/selectTestDriveCprDetail.do');"><img src="/kr/images/common/button/btn_reservation_cancel.gif" alt="예약취소" /></a> -->
                            </div>
                        </div>
                    </div>
                    <img src="/kr/images/common/button/btn_step_prev.gif" class="btn-prev" alt="이전" id="step6"/>
                </div>
            </div>
        </div>
        </form>

    </div>
    <div id="popContents"></div>
    <hr />
    <script>
    appendMETA('WT.ti','시승지역/차종선택');
    </script>
    <%@ include file="/WEB-INF/jsp/com/include/footer.jspf" %>